Bootstrap - Cartão de visita - Card Image - Com imagem e texto sobrepostos.

Você deve criar uma imagem boa para ser um cartão de visitas. Ai você poderá usar essa imagem como fundo do cartão de visitas.

Para transformar a imagem em um fundo do cartão use a classe .card-img-overlay para sobrepor o texto do cartão.
Veja como fica.

Card image

Zé

Texto de Exemplo. Texto de Exemplo. Texto de Exemplo. Texto de Exemplo.

Visualizar Perfil


Código:

<div class="card img-fluid" style="width:500px">
            <img class="card-img-top" src="img_avatar1.png" alt="Card image" style="width:100%">
            <div class="card-img-overlay">
                <h4 class="card-title">Zé</h4>
                <p class="card-text">Texto de Exemplo. Texto de Exemplo. Texto de Exemplo. Texto de Exemplo.</p>
                <a href="#" class="btn btn-primary">Visualizar Perfil</a>
            </div>
</div>

O ponto crítico deste objeto é fazer com que o texto nunca se sobreponha a imagem, ou seja, que sempre seja escrito na cor de fundo da imagem.